﻿@model dynamic
<div id="testsGrid" class="slickgrid">
</div>
<button id="addTestButton" class="button">Create Test</button>
<div class="hidden">
    <div id="addTestDialog" title="Create Test">
        <form id="addTestForm">
        <label for="addTest_name">Name:</label><input type="text" id="addTest_name" name="Name" class="required" />
        @*<label for="addTest_description">Description:</label><input type="text" id="addTest_description" name="Description" />*@ @*  <label>Questions:</label>
        <div id="addTest_questionsGrid" class="slickgrid">
        </div>
        <button id="addTest_createQuestion" class="button">Create Question</button>*@
        </form>
    </div>
    <div id="addQuestionDialog" title="Create Question">
        <form id="addQuestionForm">
        <label for="addQuestion_text">Text:</label><input type="text" id="addQuestion_text" name="Text" class="required" />
        </form>
    </div>
    <div id="addAnswerDialog" title="Create Answer">
        <form id="addAnswerForm">
        <label for="addAnswer_text">Text:</label><input type="text" id="addAnswer_text" name="Text" class="required" />
        </form>
    </div>
    <div id="editQuestionDialog" title="Edit Question">
        <form id="editQuestionForm">
        <label for="editQuestion_text">Text:</label><input type="text" id="editQuestion_text" name="Text" class="required" />
        <label for="editQuestion_correctAnswer">Correct Answer:</label><select id="editQuestion_correctAnswer" name="CorrectAnswer" class="required"></select>
        <label>Answers:</label>
        <div id="editQuestion_answersGrid" class="slickgrid">
        </div>
        <button id="editQuestion_createAnswer" class="button">Create Answer</button>
        </form>
    </div>
    <div id="editAnswerDialog" title="Edit Answer">
        <form id="editAnswerForm">
        <label for="editAnswer_text">Text:</label><input type="text" id="editAnswer_text" name="Text" class="required" />
        </form>
    </div>
    <div id="editTestDialog" title="Edit Test">
        <form id="editTestForm">
        <input name="Id" type="hidden" />
        <label for="editTest_name">Name:</label><input type="text" id="editTest_name" name="Name" class="required" />
        @*<label for="editTest_description">Description:</label><input type="text" id="editTest_description" name="Description" />*@
        <label>Questions:</label>
        <div id="editTest_questionsGrid" class="slickgrid">
        </div>
        <button id="editTest_createQuestion" class="button">Create Question</button>
        </form>
    </div>
    <div id="deleteTestDialog" title="Delete Test">
        Are you sure you want to delete <span id="testName" class="warning"></span>?
    </div>
    <div id="deleteQuestionDialog" title="Delete Question">
        Are you sure you want to delete <span id="questionText" class="warning"></span>?
    </div>
    <div id="deleteAnswerDialog" title="Delete Answer">
        Are you sure you want to delete <span id="answerText" class="warning"></span>?
    </div>
    <div id="testResultsDialog" title="Test Results">
        <div id="testResultsGrid" class="slickgrid">
        </div>
    </div>
    <div id="employeeResultsDialog" title="Employee Test Results">
            <div id="questionsAndAnswers">
            </div>
        </div>
    <div id="testApprovalsDialog" title="Test Approvals">
        <div id="testApprovalsGrid">
        </div>
    </div>
</div>
@section styles {
    <link href="@Url.Content("~/Content/css/testmanagement.css")" rel="stylesheet" type="text/css" />
}
@section scripts {
    <script src="@Url.Content("~/js/testmanagement.js")"></script>
}
